import React, { memo } from 'react'
import sty from './sty.module.css';

import { getSizeImage } from '@/utils/format-utils'
import PropTypes from 'prop-types';
import { message } from 'antd';
import cs from 'classnames'
const HotCoverInfo = (props) => {
  const { info } = props
  return <div className={sty.artistWrap}>
    <div className={sty.artistImage}>
      <img src={getSizeImage(info.picUrl, 40)} alt="" />
    </div>
    <div className={sty.info}>
      <span className={sty.artistName} onClick={() => message.warning('您点击的是' + info.name)}>{info.name}</span>
      <span className={cs(sty.artistDetail, 'txt1')} onClick={() => message.warning('你点击的是' + info.position)}>{info.position}</span>
    </div>
  </div>
}
HotCoverInfo.propTypes = {
  info: PropTypes.object
}
HotCoverInfo.defaultProps = {
  info: {}
}
export default memo(HotCoverInfo)